import React from "react"

import { NavBar, Icon } from 'antd-mobile';
import {withRouter} from "react-router-dom";

import myStyle from "../../style/My.module.css"



class Shoucang_Navbar extends React.Component {

  goback(props){
    this.props.history.goBack()
    // console.log(222)
  }
  render() {
      return (
          <div className={myStyle.shoucangPlayer}>
            <NavBar
              style={{backGround:'white'}}
              mode="dark"
              icon={<Icon type="left"  onClick={this.goback.bind(this)} style={{width:"30px",height:"30px",zIndex:2}}/>}

        
              rightContent={[
                <svg key="g1" t="1574143792433" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1897" width="30" height="30"><path d="M699.392 598.528c-36.352 0-66.048 19.456-79.872 49.664L443.904 573.44c10.24-15.872 15.872-35.328 15.872-56.32 0-8.704-1.024-17.408-3.072-25.6l112.128-87.04c14.848 11.264 33.792 17.92 54.784 17.92 50.688 0 88.576-37.888 88.576-88.064s-37.888-88.064-88.576-88.064-88.064 37.888-88.064 88.064c0 12.8 2.56 24.576 6.656 34.816l-103.424 79.36c-20.48-30.72-54.272-52.224-92.672-52.224-62.976 0-113.664 50.688-113.664 113.664s50.688 113.664 113.664 113.664c23.552 0 45.568-6.144 63.488-17.408l201.728 86.016c2.56 47.616 39.424 82.944 88.064 82.944 50.688 0 88.064-37.888 88.064-88.064s-37.888-88.576-88.064-88.576z m-75.776-315.392c25.088 0 50.688 18.944 50.688 50.688s-18.944 50.688-50.688 50.688-50.688-25.088-50.688-50.688 25.6-50.688 50.688-50.688zM346.112 585.728c-37.888 0-69.632-31.744-69.632-69.632s31.744-69.632 69.632-69.632 69.632 31.744 69.632 69.632c-0.512 37.888-31.744 69.632-69.632 69.632z m353.28 151.552c-31.744 0-50.688-18.944-50.688-50.688s25.088-50.688 50.688-50.688 50.688 18.944 50.688 50.688c-0.512 31.744-19.456 50.688-50.688 50.688z" fill="#000000" p-id="1898"></path><path d="M509.952 970.752c-61.952 0-122.368-12.288-179.2-36.352-54.784-23.04-103.936-56.32-146.432-98.816s-75.776-91.648-98.816-146.432c-24.064-56.832-36.352-117.248-36.352-179.2s12.288-122.368 36.352-179.2c23.04-54.784 56.32-103.936 98.816-146.432s91.648-75.776 146.432-98.816C387.584 61.44 448 49.152 509.952 49.152s122.368 12.288 179.2 36.352c54.784 23.04 103.936 56.32 146.432 98.816s75.776 91.648 98.816 146.432c24.064 56.832 36.352 117.248 36.352 179.2s-12.288 122.368-36.352 179.2c-23.04 54.784-56.32 103.936-98.816 146.432S743.936 911.36 689.152 934.4c-56.832 24.064-117.248 36.352-179.2 36.352z m0-875.52c-228.864 0-414.72 185.856-414.72 414.72s185.856 414.72 414.72 414.72 414.72-185.856 414.72-414.72-185.856-414.72-414.72-414.72z" fill="#000000" p-id="1899"></path></svg>,
              ]}
            >歌手
            </NavBar>
          </div>
      )
  }
}

export default withRouter(Shoucang_Navbar)
